<template>
	<div class="confirm-head">
		<slot></slot>
		<a href="javascript:;" @click="showMsgbox">
			{{$store.state.username}}
			<i class="icon icon-quit"></i>
		</a>
	</div>
</template>	
<script>
import store from '@/vuex/store'
import { MessageBox} from 'mint-ui'
	export default{
		store,
		methods:{
			 showMsgbox() {
		        MessageBox({
		        	title:'',
		        	 message: '是否退出?',
		        	 showCancelButton: true,
		        	 confirmButtonText:'是',
		        	 cancelButtonText:'否'
		        });
		      },
		},
	}
</script>
<style lang='scss'>
	.confirm-head {
	    height: 0.36rem;
	    background: #C7181E;
	    font-size: 0.16rem;
	    text-align: center;
	    line-height: 0.36rem;
	    color: #fff;
	    a {
	        position: absolute;
	        right: 0;
	        font-size: 0.12rem;
	        color: #fff;
	    }
	}
	// 重置提示框
.mint-msgbox {
    width: 2.4rem;
    height: 1.43rem;
    border-radius: 0.1rem;
    .mint-msgbox-content {
        padding: 0;
        height: 1.01rem;
        .mint-msgbox-message {
            line-height: 1.01rem;
            color: #333;
            font-size: 0.14rem;
        }
    }
    .mint-msgbox-btns{
        height:0.42rem;
        line-height: 0.42rem;
    }
    .mint-msgbox-btn {
        font-size: 0.14rem;
        // border-color:#E5E5E5;
       

    }
    .mint-msgbox-confirm {
        color: #5A9DE1;
    }
}
</style>
